<!DOCTYPE html>
<html>
<head>
  <script src="../../resources/run-after-layout-and-paint.js"></script>
  <script>
    function repaintTest() {
      document.getElementById('div').style.transform = '';
    }
  </script>
</head>
<body onload="runAfterLayoutAndPaint(repaintTest, true);">
  <!-- Test for http://crbug.com/345441 - the circle edge should not be blurry -->
  <div id="div" style="transform: rotate3d(1, 0, 0, 85deg); -webkit-transform-origin: 100px 100px 0px;">
    <svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
      <defs>
        <filter x="0" y="0" width="100%" height="100%" id="filter">
          <feOffset/>
        </filter>
      </defs>
      <circle cx="100" cy="100" r="100" fill="green" filter="url(#filter)"/>
    </svg>
  </div>
</body>
</html>
